body{
	background: #EEEEEE;
}
.active{
	border: 0;
	position: relative;
	width:0.9rem ;
	height: 0.9rem;
	background: #E8374D;
	border: 2px solid  #fff;
	border-radius:50% ;
	margin-top:1.2rem ;
	margin-left:0.57rem ;
	float: left;
}
.active:before{
	position: absolute;
	top: 0.1rem;
	right: 0.26rem;
	content:'';
	width:0.2rem ;
	height:0.42rem ;
	transform: rotate(45deg);
	border: 0.1rem solid #fff;
	border-width: 0 0.1rem 0.1rem 0;
}
.shop-header{
	width:100% ;
	height: 1.62rem;
	border-bottom: 0.07rem solid #F0F0F0;
	background: white;
}
.shop-header-left{
	width: 4.22rem;
	height: 0.8rem;
	float: left;
	margin-top: 0.4rem;
	margin-left: 0.22rem;
}
.shop-header-left img{
	height:0.8rem ;
	float: left;
	width: 0.9rem;
}
.shop-header-left p{
	font-size: 0.6rem;
	float: left;
	margin-left: 0.15rem;
	margin-top: 0.16rem;
	color: #7D7D7D;
}
.shop-header-center{
	/*width: 4.07rem;*/
	height:0.67rem ;
	margin:0.5rem 0 0 14%;
	float:left;
}
.shop-header-center i{
	font-size:0.67rem ;
	color:#E4E4E4 ;
	float:left;
	margin-top: -0.04rem;
}
.shop-header-center p{
	font-size:0.6rem ;
	color:#747474;
	float: left;
	margin-left: 0.1rem;
}
.shop-header-right{
	width:1.2rem ;
	height:1.35rem ;
	float: right;
	margin-top: 0.27rem;
	margin-right: 0.4rem;
}
.shop-header-right img{
	width: 0.59rem;
	height: 0.47rem;
	float: left;
	margin-left: 0.15rem;
}
.shop-header-right p{
	font-size:0.6rem ;
	color: #EC5C6D;
	float: left;
	margin-top: 0.1rem;
}
.shop-top{
	width: 100%;
	height: 2.52rem;
	background: white;
	border-bottom: 0.07rem solid #F0F0F0;
}
.shop-top .icon{
	float: left;
	color: #C4C7D1;
	margin-top:0.85rem ;
	margin-left:0.57rem ;
	width:0.8rem ;
	height: 0.8rem;
	border: 1px solid #ccc;
	border-radius:50% ;
}
.shop-top p{
	font-size: 0.7rem;
	color: #010101;
	margin: 0.95rem 0 0 0.52rem;
	float: left;
	font-weight: bold;
}
.main{
	margin-bottom: 2.35rem;
}
.shop-content{
	width: 100%;
	height: 5rem;
	background: white;
	border-bottom: 0.07rem solid #F0F0F0;
}
.shop-content .icon{
	float: left;
	color: #C4C7D1;
	margin-top:2rem ;
	margin-left:0.57rem ;
	width:0.8rem ;
	height: 0.8rem;
	border: 1px solid #ccc;
	border-radius:50% ;
}
.shop-content-img{
	width: 2.9rem;
	height: 2.9rem;
	float: left;
	border: 0.07rem solid #ccc;
	margin: 0.95rem 0 0 0.57rem;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.shop-content-img img{
	/*display: block;*/
	/*width: 100%;*/
	height: 100%;
}
.shop-content-center{
	width: 6.7rem;
	height:2.37rem ;
	float: left;
	margin: 0.95rem 0.5rem 0 0.5rem;
}
.shop-content-center-top p{
	font-size: 0.6rem;
	color: black;
	font-weight: bold;
	height: 1.6rem;
	line-height: 0.8rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.re{
	width: 0.87rem;
	height:0.87rem ;
	border: 0.07rem solid #ccc;
	float: left;
	color: #ccc;
	margin-top: 0.21rem;
	background: white;
	outline: none;
}
.shop-content-center-bottom2{
	width: 1.4rem;
	height:1.06rem ;
	line-height:1.06rem ;
	border: 0.07rem solid #ccc;
	float: left;
	text-align: center;
	color: black;
	margin-top: 0.21rem;
	font-size: 0.6rem;
	font-weight: bold;
	margin-left: 0.27rem;
}
.plus,.subtract{
	width: 1.15rem;
	height:1.15rem ;
	border: 0.07rem solid #ccc;
	float: left;
	color: #666;
	margin-top: 0.21rem;
	margin-left: 0.27rem;
	background:#EFEFF4;
	outline: none;
	font-size: 0.8rem;
}
.subtract.bg_sub{
	background-color: white;
}
.shop-content-right{
	width: 3.2rem;
	height:2.17rem ;
	float: right;
	margin: 0.95rem 0 0 0;
}
.shop-content-right p{
	padding-right: 0.75rem;
	text-align: right;
	height: 0.9rem;
}
.shop-content-right p:nth-child(1){
	color: #A3A3A3;
	font-size: 0.6rem;
}
.shop-content-right p:nth-child(2){
	font-family: Avenir;
	color: #333;
	font-size: 0.6rem;
}
.shop-content-right p:nth-child(2) span{
	color: black;
	font-size: 0.6rem;
	font-weight: bold;
}
.shop-content-right img{
	width: 0.8rem;
	/*height: 0.75rem;*/
	float: left;
	margin-left: 0.9rem;
	margin-top: 0.3rem;
}
.shop-footer{
	position: fixed;
	z-index: 999;
	bottom: 0;
	width: 100%;
	height: 2.3rem;
	border-top: 0.05rem solid #A0A0A0;
	background-color: rgba(220,220,220,.7);
}
.shop-footer .icon{
	float: left;
	color: #C4C7D1;
	margin-top:0.7rem ;
	margin-left:0.57rem ;
	width:0.8rem ;
	height: 0.8rem;
	border: 1px solid #ccc;
	border-radius:50% ;
}
.shop-footer-center{
	float: left;
	margin:0.37rem 0 0 0.55rem ;
}
.shop-footer-center p:nth-child(1){
	font-size:0.6rem ;
	color: #505050;
}
.shop-footer-center p:nth-child(2){
	font-size:0.6rem ;
	color: #505050;
	margin-top: 0.32rem;
}
.shop-footer-center p span{
	margin-left: 0.5rem;
}
.shop-footer-center p:nth-child(2) span{
	color: #E60D28;
}
.shop-footer-right{
	width:3.72rem ;
	height:1.5rem ;
	float: right;
	margin: 0.44rem 0.4rem 0 0;
	background: #CCCCCC;
	font-size:0.6rem;
	color: white;
	text-align: center;
	line-height:1.5rem ;
	
}
.shop-footer-right.bg_pay{
	background: #E8374D;
}

.overlay{
	display: none;
	position: fixed;
	z-index: 98;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	opacity: 0.7;
}
.confirm{
	opacity: 0;
	transform: scale(0);
	transition: .4s;
	position: fixed;
	z-index: 99;
	top: 50%;
	left: 50%;
	margin-top: -2rem;
	margin-left: -5.025rem;
	width: 9rem;
	border-radius: 0.2rem;
	box-shadow: 0 5px 8px rgba(0,0,0,.4);
	font-size: 0.7rem;
	padding: 0.5rem 1rem;
	background-color: rgba(0,0,0,.8);
	color: white;
}
.confirm p{
	margin-bottom: 0.5rem;
}
.confirm button{
	background-color: #888;
	border: 1px solid #777;
	font: 700 1em/2em Arial,Helvetica;
	padding: 0 1.5em;
	color: white;
	text-shadow: 0 1px 0 rgba(0,0,0,.8);
	box-shadow: 0 0 1px 1px rgba(126,126,126,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	border-radius: 0.4em;
}
.confirm_ok{
	float: left;
}
.confirm_cancel{
	float: right;
}
